<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Shadow in CSS2</title>
<script src="jquery.js"></script>
<script type="text/javascript">
  	var teststart=(new Date()).getTime();
</script>
<script type="text/javascript">
    	$(window).load(function(){
    		$("#testdata").text((new Date()).getTime()-teststart + "ms laad tijd");
        	});
    </script>
<style type="text/css">

body { background-color:#fff; }

.blur{
	background-color: #ccc; /*shadow color*/
	color: inherit;
	width:100px; 
	height:116px;
	margin: 10px;
	float: left;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background-color: #666; /*shadow color*/
	color: inherit;
	
}

.content{
	background-color: #6B86A6; /*background color of content*/
	color: #000; /*text color of content*/
	padding: .5em 2ex;
	height:100px;

}
</style>
</head>
<body>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<div class="blur">
	<div class="shadow">
		<div class="content">css2 schaduw</div>
	</div>
</div>
<p id="testdata">Laadtijd</p>
</body>
